
<style lang="less" scoped>
@cf : #fff;
@c1 : #111;
@c9 : #999;
@ch : #f682a7;

.tetails {
  padding: 50px 0;
  background: #f6f6f6;
  .con {
    padding: 50px;
    max-width: 750px;
    background: @cf;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    h2 {
      font-size: 22px;
      line-height: 1.625;
      color: @c1;
    }
    p {
      color: @c1;
      font-size: 16px;
      line-height: 1.625;
      margin-top: 20px;
    }
  }
}
</style>
<template>
  <div class="tetails">
    <div class="con">
      <h2>{{title}}</h2>
      <p v-html="ints">{{ints}}</p>
    </div>
  </div>
</template>
<script>
export default {
  name: "tetails",
  components: {},
  data() {
    return {
      title:'',
      ints: ''
    };
  },
  async asyncData({$axios,params}) {
    return await $axios.get(`/details/content/${ params.id }`).then(({ data }) => {
      return {
        title: data[0].title,
        ints:  data[0].content
      };
    });
  }
};
</script>
